<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
      table,
      td {
          border: 1px solid #333;
      }

      thead,
      tfoot {
          background-color: #333;
          color: #fff;
      }

  </style>
</head>
<body>
<table>
  <thead>
  <tr>
    <!-- colspan 跨越两列，被跨越的列不要定义，否则表格会错乱 【表头不能跨行合并 也就是使用rowspan，使用后表格会错 -->
    <th colspan="2">The table header1</th>
    <!-- <th>The table header2</th>-->
  </tr>
  <tr>
    <th>dede</th>
    <th>dede</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <!-- rowspan 跨越两行，被跨越的行不要定义，否则表格会错乱 -->
    <td rowspan="2">The table body</td>
    <td>with two columns</td>
  </tr>
  <tr>
    <!--<td>The table body2</td>-->
    <td>with two columns3</td>
  </tr>
  </tbody>
</table>
</body>
</html>
